<cfoutput>
<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="utf-8">
	<title>#ApplicationName# | ADMIN | Login</title>
	<link rel="stylesheet" href="css/login-form.css" media="screen">
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
	<script src="js/login-form.js"></script>
	<style>body{background:url(img/bg.png) center;margin: 0 auto;width: 960px;padding-top: 50px}.footer{margin-top:50px;text-align:center;color:##666;font:bold 10px Arial}.footer a{color:##999;text-decoration:none}.login-form{margin: 50px auto;}</style>
</head>

<body>

<div class="login-form">

	<h1>#ApplicationName# Admin Sign-In</h1>

	<cfform method="POST" action="?login=y" name="cflogin">

		<cfinput type="text" name="email_address" placeholder="email address" required="true" validate="regular_expression" pattern="[A-Za-z0-9_]+@[A-Za-z0-9_]+\.[A-Za-z]+" message="Please enter a valid E-Mail address">
		<cfinput type="password" name="password" placeholder="password" required="true" message="Please enter a password">
		
		<span>
			<input type="checkbox" name="checkbox">
			<label for="checkbox">remember</label>
		</span>
		
		<input type="submit" value="log in">

	</cfform>

</div>
<cfif IsDefined('login_error')>
<script type="text/javascript">
	$(document).ready(function(e) {
		// Check if there's a message	
		if($('.message').length) {
			// the timeout is there to make things work properly in IE
			// If we have no timeout IE will trigger mousemove instantly
			setTimeout(removeMessage, 200);		    
		}
	});
	
	function removeMessage(){
		$(document).one('click mousemove keypress', function(e) {
		    // Fade the message away after 500 ms
			$('.message').animate({ opacity: 1.0 }, 500).fadeOut();
		});		
	}
	
</script>
<style>
.message {
	position: absolute;
	top: 30px;
    width: 50%;
    left: 25%;
    background: ##E01B6A;
    border: 1px solid ##fffff;
    font-size: 100%;
	padding: 15px 50px
}
.message p {
    margin: 0;
    padding: 0 40px 0 20px;
    text-align: center;
}
</style>
<div class="message">
	<p>Your email and password provided do not match a record in our database.<br />Please try again.</p>
</div>
</cfif>
<div class="footer"><p>By <a href="http://CFDeveloper.com/" target="_blank">ColdFusion Developer Brian Thornton</a></p></div>

</body>

</html>
</cfoutput>